<!-- 书架内容组件 -->
<template>
  <div class="sjnr" @click="tz()">
    <div class="sjnr-1">
      <img :src=sjsrc alt="" />
      <div class="sjnr-2">
        <h2>{{title}}</h2>
        <p>最新:第<span>{{zjs}}</span>章</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {

    };
  },
  props:["sjsrc","title","zjs","id"],
  computed: {},
  watch: {},
  methods: {
    tz(){
      // console.log(this.id)
      this.$router.push({name:"xqy",query:{id:this.id}})
    }
  },
  created() {},
  mounted() {},
};
</script>
<style scoped>
.sjnr-1 {
  display: flex;
  margin-left: 0.23rem;
  margin-top: 0.23rem;
}
.sjnr-1 img {
  width: 1.0rem;
}
.sjnr-2 {
  margin-left: 0.23rem;
}
.sjnr-1 h2 {
  margin-top: 0.40rem;
  font-size: 0.21rem;
}
.sjnr-1 p {
  margin-top: 0.16rem;
  font-size: 0.18rem;
  color: #696969;
}

</style>